<template>
<footer>
      <span class="s1">
        <span
          class="iconfont icon-shouye"></span>
        <div class="shouye1">首页</div>
      </span>
      <span class="s2">
        <span
          class="iconfont icon-tianchongxing-"></span>
        <div class="pianjubaoguang5">骗局曝光</div>
      </span>
      <span class="s3">
        <span
          class="iconfont icon-wode"
          style="font-size: 0.24rem; align-self: center"
        ></span>
        <div class="wode1">我的</div>
      </span>
    </footer>
</template>

<script>
// import '../assets/font_3061766_k1int35cgtj/iconfont.css'
export default {
  name: 'App',
  components: {
  }
}
</script>

<style>

footer{
    height: 2rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* background-color: blue; */
}
.s1{
    width: 32%;
    height: 2rem;
    display: flex;
    flex-direction: column;
    line-height: 0.5rem;

}
.s1 span{
    height: 1rem;
    width: 32%;
    font-size: .24rem;
   margin-left: 43px;
}
.shouye1{
    height: 1rem;
    width: 32%;
    align-self: center;
    line-height:1rem ;
    font-size: .12rem;
}

/* 第二个 */
.pianjubaoguang5{
    height: 48%;
    display: flex;
    font-size: .14rem;
    align-self: center;
}
.s2{
    width: 32%;
    height: 2rem;
    display: flex;
    flex-direction: column;
    line-height: 0.5rem;

}
.s2 span{
    height: 1rem;
    width: 32%;
    font-size: .28rem;
   margin-left: 48px;
   color: blue;
}

/* 第三个 */
.s3{
    width: 32%;
    height: 2rem;
    display: flex;
    flex-direction: column;
    line-height: 0.5rem;

}
.s3 span{
    height: 1rem;
    width: 32%;
    font-size: .28rem;
   margin-left: 20px;
}
.wode1{
    height: 1rem;
    width: 32%;
    align-self: center;
    line-height:1rem ;
    font-size: .12rem;

}

</style>